/**
 * @desc：右侧浮动 menu modal（common.css 中抽离）
 **/

/* 右侧浮动 */
.floatMenu {
  position:fixed;
  width: 72px;
  right:20px;
  top: 65%;
  margin-top:-100px;
  z-index:999;
}
.floatMenu li{width:180px;height:56px;cursor:pointer; margin-top: 1px;}
.floatMenu li span{background-image:url(../images/youche.png);background-repeat:no-repeat;width:180px;height:56px;display:block;}
.floatMenu li span.fm_weichat{background-position:0 -57px;}
.floatMenu li span.fm_QQ{background-position:0 -114px;}
.floatMenu li span.fm_hotline{background-position:0 -171px; height: 220px}


.floatMenu li span.fm_QQ a{display:block;width:180px;height:50px;}

.floatMenu li.on span.fm_weichat{background-position:-227px -57px;}
.floatMenu li.on span.fm_QQ{background-position:-227px -114px;}
.floatMenu .menu_online_know {
  margin-bottom: 12px;
  position: relative;
  width: 72px;
  height: 72px;
  box-sizing: border-box;
}
.floatMenu .menu_online_know img {width:72px;height:72px;}
.floatMenu .menu_online_know .img_desc {
  background:#2181D9;
  text-align:center;
  border-radius: 10px;
  position: absolute;
  left: 36px;
  bottom: -12px;
  color: #FFFFFF;
  width: 64px;
  padding: 1px 0;
  font-size: 12px;
  transform: translate(-50%, -50%);
}

.floatMenu .float_menu_list {
  background:#2181D9;
  text-align: center;
  width: 64px;
  height: 192px;
  margin-left: 4px;
  margin-right: 28px;
  border-radius: 8px;
  color: rgb(138, 1, 1);
  overflow: hidden;
}
.floatMenu .float_menu_list .menu_box {
  width: 64px;
  height: 64px;
  box-sizing: border-box;
  cursor: pointer;
}
.floatMenu .float_menu_list div p {
  margin: 0 6px;
  font-size: 12px;
  color: #FFFFFF;
}
.floatMenu .float_menu_list .menu_wechat {
  /* 否则外边距会塌陷 */
  border-top: 0.01px solid transparent;
}
/* 蓝图标准-吐血 */
.floatMenu .float_menu_list .wechat_img {
  margin: 14px 23px 8.51px 23px;
  width: 18px;
  height: 14.49px;
}
.floatMenu .float_menu_list .phone_img {
  margin: 11.91px 23px 7.09px 23px;
  width: 18px;
  height: 18px;
}
.floatMenu .float_menu_list .trial_img {
  margin: 13.5px 23px 5.5px 23px;
  width: 18px;
  height: 18px;
}
.floatMenu .float_menu_list div img { width: 100%;height: 100%; color: #FFFFFF; vertical-align: baseline; }
.floatMenu .float_menu_list div:hover { background: #0669C1; }
.floatMenu .float_menu_list div:first-child:hover { border-radius: 8px 8px 0 0; }
.floatMenu .float_menu_list div:last-child:hover { border-radius: 0 0 8px 8px; }
.floatMenu .float_menu_list .menu_phone {
  border-top: 1px solid #0669C1;
}
.floatMenu .float_menu_list .menu_trial {
  border-top: 1px solid #0669C1;
}

/* 微信咨询 */
.menu_wechat_tips_img {
  width: 128px;
  height: 128px;
  object-fit: contain;
  margin-top: 11px;
}
.menu_wechat_tips_text {
  font-size: 14px;
  color: #666E74;
  text-align: center;
  margin-bottom: 7px;
  margin-top: 16px;
}

/* 电话咨询 */
.menu_phone_tips_text {
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu_phone_tips_text .phone_text_img {
  display: flex;
  width: 15px;
  height: 18px;
  color: #111111;
  margin-right: 10px;
}
.menu_phone_tips_text .phone_text_img img {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}
.menu_phone_tips_text .phone_text_img span {
  font-size: 16px;
  color: #111111;
}

/* bootstrap popover 提示 start */
.popover {
  box-shadow: 0 2px 15px 0 rgb(0 0 0 / 6%) !important;
  border-radius: 8px !important;
  border: none !important;
}

.popover .popover-content {
  /* padding: 0; */
  padding: 9px 10px;
}
/* 这里蛋疼 - 基于原有的模板修改 */
.popover:hover {
  background: white !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 15px 0 rgb(0 0 0 / 6%) !important;
  border: none !important;
}
.popover div:hover {
  background: white !important;
  border-radius: 8px !important;
}

.popover.left > .arrow {
  border-left-color: #fff !important;
  opacity: 0;
}
/* bootstrap popover 提示 end */

.floatMenu .showDiv{height:195px;position:absolute;width:165px;left:-166px;top:0;background:#0066cc;display:none; border-radius: 5px;}
.floatMenu .showDiv img{display:block;margin:0 auto;margin-top:10px;}
.floatMenu .showDiv strong{font-weight:400; color:#fff; display:block; text-align:center; padding-top:5px; font-size: 16px;}
.floatMenu .showDivHot{height:48px; top:148px; background:#0066cc;}
.floatMenu .showDivHot strong{line-height:40px; }
.floatMenu .showDivQQ{height:48px; top:99px; background:#0066cc;}
.floatMenu .showDivQQ strong{line-height:40px; }
.floatMenu .showDiv a{color: #fff;}